<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import { useNuxtApp } from "#app";
import "~/styles/index.css";

const { $aos } = useNuxtApp();
onMounted(() => {
  $aos().init({});
});
</script>

<style>
body {
  background-color: var(--background);
  color: var(--foreground);
}

.bg-background\/70 {
  background-color: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-background\/70 {
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-input\/70 {
    background-color: color-mix(in oklab, var(--input) 70%, transparent);
  }
}
</style>
